<template>
  <div>
    <!-- 弹框 -->
    <el-dialog title="提示" :visible.sync="visible" width="27%" center>
      <!-- 内容区域 -->
      <div class="dialog-center">
        <p>为了保证体验更多的服务</p>
        <p>{{ login }}</p>
      </div>
      <div slot="footer" class="dialog-footer">
        <button class="dialog-footer-bnt btn1" @click="visible = false">
          稍后
        </button>
        <button class="dialog-footer-bnt btn2" @click="updateCoopeorgInvoice()">
          立即前往
        </button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ["title", "visibles"],
  data() {
    return {
      visible: false,
      rz: "请前往用户中心完成认证",
      login: "请先完成登录",
    };
  },
  mounted() {},
};
</script>

<style lang="scss" scoped>
// 弹出框
.dialog-center {
  margin: 0 auto;
  p {
    text-align: center;
    font-size: 20px;
    font-family: SourceHanSansSC-Light, SourceHanSansSC;
    font-weight: 600;
    color: #191919;
    margin-bottom: 5px;
  }
}
.dialog-footer {
  display: flex;
  justify-content: space-evenly;
  width: 70%;
  margin: 0 auto;
  .dialog-footer-bnt {
    width: 121px;
    height: 31px;
    color: #a4a4a4;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    background-color: #fff;
  }
  .btn2 {
    color: #fff;
    border: 1px solid #3f6ef2;
    background-color: #3f6ef2;
  }
}
.abc {
  width: 368px;
  .el-select {
    width: 100%;
  }
}
.el-dialog--center {
  box-sizing: border-box;
  padding: 0 15px;
}
::v-deep .el-dialog__title {
  font-size: 0.1042rem;
  font-family: SourceHanSansSC-Bold, SourceHanSansSC;
  font-weight: bold;
  color: #3f6df1;
}
::v-deep .el-dialog__header {
  border-bottom: 1px solid #dddbdb;
}
</style>
